$(function() {
	$(".child_node").hide();
	$(".meun_wrap>li").hover(function() {
		$(this).addClass('cur');
		$(this).children('.child_node').show()
	}, function() {
		$(this).removeClass('cur');
		$(this).children('.child_node').hide()
	});
	$('.solid_switch').hide();
	$('.solid').hover(function() {
		$(this).children('.solid_switch').show()
	}, function() {
		$(this).children('.solid_switch').hide()
	});
	$('.close_advem').on('click', function() {
		$(this).parent().slideUp(200)
	});

	var bucar = $('.prodon');
	var speed = 200;
	$('.cls_plan_list').find('li').hover(function() {
		$(this).find(bucar).animate({
			bottom: 0
		}, speed)
	}, function() {
		$(this).find(bucar).animate({
			bottom: -32
		}, speed)
	});
	$('.node_level1_title').next().hide() && $('.node_level2_title').next().hide();
	$('.node_level1_icon').each(function() {
		$(this).bind({
			click: function() {
				if($(this).hasClass('pointer')) {
					$(this).removeClass('pointer') && $(this).parent().removeClass('InHover')
				} else {
					$(this).addClass('pointer') && $(this).parent().addClass('InHover')
				}
				$(this).parent('.node_level1_title').next('.node_level2').slideToggle(100)
			},
		})
	});
	$('.node_level2_icon').each(function() {
		$(this).bind({
			click: function() {
				if($(this).hasClass('pointer')) {
					$(this).removeClass('pointer') && $(this).parent().removeClass('InHover')
				} else {
					$(this).addClass('pointer') && $(this).parent().addClass('InHover')
				}
				$(this).parent('.node_level2_title').next('.node_level3').slideToggle(100)
			}
		})
	});
	var attrSrc = null;
	$('.sort_view').find('li').hover(function() {
		$(this).addClass('cur').siblings().removeClass('cur');
		attrSrc = $(this).find('img').attr('src');
		$('.view').find('img').attr('src', attrSrc)
	});
	$('.ulhead').find('li').on('click', function() {
		$(this).addClass('cur').siblings().removeClass('cur');
		var id = $(this).index();

	});
	$('.type').find('a').on('click', function() {
		$(this).addClass('cur').siblings().removeClass('cur')
	});
	$('.store_list').find('.node2,.node3').hide();
	treeNode('.node_title', 'click_state', '.node2', true);
	treeNode('.node2_title', 'click_stateIn', '.node3', false);

	function treeNode(obj, eventClass, nextSelect, slideAll) {
		$(obj).on('click', function() {
			if($(this).find('i').hasClass(eventClass)) {
				$(this).find('i').removeClass(eventClass) && $(this).next(nextSelect).slideUp(180);
				if(slideAll === true) {
					$('.node2_title').find('i').removeClass('click_stateIn') && $('.node3').hide()
				}
			} else {
				$(this).find('i').addClass(eventClass) && $(this).next(nextSelect).slideDown(180)
			}
		})
	};
	$('.setType_btn').hide();
	$('.form_inpt').bind({
		mouseover: function() {
			$(this).find('.setType_btn').show()
		},
		mouseout: function() {
			$(this).find('.setType_btn').hide()
		}
	});
	$('.setType_btn').click(function() {
		if($(this).hasClass('true')) {
			$(this).removeClass('true') && $(this).prev().prev().attr('type', 'password')
		} else {
			$(this).addClass('true') && $(this).prev().prev().attr('type', 'text')
		}
	});
	$('.write_text').bind({
		focus: function() {
			$(this).parent().addClass('focus') && $(this).next('.placeholder').hide()
		},
		blur: function() {
			$(this).parent().removeClass('focus');
			if($(this).val() != "") {
				$(this).next('.placeholder').hide()
			} else {
				$(this).next('.placeholder').show()
			}
		}
	});
	$(".post_btn_code").hover(function() {
		$(".post_btn_code").css({
			"background": "#e4393c"
		})
	}, function() {
		$(".post_btn_code").css({
			"background": "#999999"
		})
	})
});

function warn(a) {
	$("#alert").show();
	$("#Warnwrods").html(a)
};
var banner = function(e, f) {
	var g = null,
		param = 0;
	$(e).each(function() {
		var d = f.Type,
			AniBlock = $(this).find(f.mainCell),
			AniSort = $(this).find(f.titCell),
			AniBackground = $(this).find(f.colorCell),
			prev = $(this).find(f.prev),
			next = $(this).find(f.next),
			hasColor = f.hasColor;
		length = AniBlock.children('li').length;
		speed = f.speed * 1e3 || 5e3;
		if(d == 'fade' || d == 'FADE') {
			ControlTimerOne();
			if(hasColor == true) {
				for(var i = 0; i < length; i++) {
					AniBackground.append('<li class=banner_Color' + (i + 1) + '></li>') && AniSort.append('<li>' + (i + 1) + '</li>')
				};
				AniBackground.children('li').height(AniBackground.height()).width(AniBackground.width());
				FadeInitial(AniBackground)
			} else {
				CreatSort(AniSort)
			};
			$(window).resize(function() {
				AniBackground.children('li').width(Math.ceil($(window).width()));
				if(AniBackground.children('li').width() <= AniBlock.width()) {
					AniBackground.children('li').width(AniBlock.width())
				}
			});
			AniSort.children('li:first').addClass('on');
			FadeInitial(AniBlock);
			AniSort.find('li').on('click', function() {
				StopTimer();
				getId = $(this).index();
				param = getId;
				ControlFade(param);
				ControlTimerOne()
			});
			AniBlock.hover(function() {
				StopTimer()
			}, function() {
				ControlTimerOne()
			});
			next.on('click', function() {
				StopTimer();
				Main();
				ControlTimerOne()
			});
			prev.on('click', function() {
				StopTimer();
				param--;
				if(param == -1) {
					param = AniBlock.children('li').length - 1
				}
				ControlTimerOne();
				ControlFade(param)
			});

			function Main() {
				if(param == AniBlock.children('li').length - 1) {
					param = 0
				} else {
					param += 1
				}
				ControlFade(param)
			};
			if(!hasColor == true) {
				function ControlFade(a) {
					SetFade(AniBlock.children('li'), 350, a)
				}
			} else {
				function ControlFade(a) {
					SetFade(AniBackground.children('li'), 350, a);
					SetFade(AniBlock.children('li'), 350, a)
				}
			}

			function SetFade(a, b, c) {
				a.eq(c).animate({
					opacity: 1
				}, b).css({
					'z-index': '1'
				}).siblings().animate({
					opacity: 0
				}, b).css({
					'z-index': '0'
				});
				ChildClick(c)
			}
		}
		if(d == 'move' || d == 'MOVE') {
			ControlTimerTwo();
			CreatSort(AniSort);
			AniSort.children('li:first').addClass('on');
			wrapper = $(this).find('[wrapper]');
			getWidth = wrapper.width();
			getHeight = wrapper.height();
			AniBlock.width(getWidth * length).height(getHeight);
			AniBlock.children('li').css({
				"float": "left"
			}).width(getWidth).height(getHeight);
			AniSort.children('li').on('click', function() {
				StopTimer();
				getId = $(this).index();
				param = getId;
				AniMove(param);
				ControlTimerTwo()
			});
			next.on('click', function() {
				StopTimer();
				aThis();
				ControlTimerTwo()
			});
			prev.on('click', function() {
				StopTimer();
				param--;
				if(param == -1) {
					param = AniBlock.children('li').length - 1
				}
				ControlTimerTwo();
				AniMove(param)
			});

			function aThis() {
				(param == AniBlock.children('li').length - 1) ? param = 0: param += 1;
				AniMove(param)
			};
			AniBlock.hover(function() {
				StopTimer()
			}, function() {
				ControlTimerTwo()
			});

			function AniMove(a) {
				if( a <= AniSort.children('li').length ){
					AniBlock.animate({
						marginLeft: -AniBlock.children('li').width() * a + "px"
					}, 400 || linear);
					ChildClick(a)
				}else{
					a = 0;
					StopTimer();
				}

			}
		};

		function ControlTimerOne() {
			g = setInterval(function() {
				Main()
			}, speed)
		};

		function ControlTimerTwo() {
			g = setInterval(function() {
				aThis()
			}, speed)
		}

		function FadeInitial(a) {
			a.children('li:first').css({
				'position': 'absolute',
				'z-index': '1'
			}) && a.children('li:not(:first)').css({
				'position': 'absolute',
				'z-index': '0'
			})
		};

		function StopTimer() {
			clearInterval(g)
		};

		function ChildClick(a) {
			AniSort.children('li').removeClass('on') && AniSort.children('li').eq(a).addClass('on')
		};

		function CreatSort(a) {
			for(var i = 0; i < length; i++) {
				a.append('<li>' + (i + 1) + '</li>')
			}
		}
	})
};
var imageZoom = function(c) {
	c = c || {};
	$(c.imageZoomBox).css({
		position: "relative"
	});
	0 == $("div.imageMask").get().length && $(c.imageZoomBox).append("<div class=imageMask></div>");
	var a = $(".imageMask");
	a.css({
		width: "198px",
		height: "198px",
		border: "1px solid #aaa",
		background: "#f0f0f0",
		opacity: ".5",
		position: "absolute",
		cursor: "crosshair",
		"z-index": "110"
	});
	a.hide();
	$(c.imageZoomBox).bind({
		mouseenter: function(b) {
			a.show();
			b = $(c.imageZoomBox).children("img");
			var d = b.attr("src");
			0 == $("div.imageZoom").get().length && $(this).append("<div class=imageZoom></div>");
			0 == $("div.imageZoom").children("img").get().length && $("div.imageZoom").append("<img class=imageWapper src=" + d + ">");
			var h = $("div.imageZoom"),
				e = $(this).width() - 2,
				f = $(this).height() - 2,
				d = $(this).offset().left,
				g = $(this).offset().top,
				k = Math.floor($("div.imageMask").width() / 2),
				l = Math.floor($("div.imageMask").height() / 2),
				m = Math.floor($(this).get(0).offsetLeft - d),
				n = Math.floor($(this).get(0).offsetTop - g),
				p = Math.floor($(this).get(0).offsetLeft + e - d - a.width()),
				q = Math.floor($(this).get(0).offsetTop + f - g - a.width());
			0 <= navigator.userAgent.indexOf("Firefox") ? $("img.imageWapper").width(2 * e).height(2 * f).css({
				position: "absolute",
				top: "0",
				left: "0"
			}) : $("img.imageWapper").width(b.width()).height(b.height()).css({
				zoom: "1.8",
				position: "absolute",
				top: "0",
				left: "0",
				right: "0",
				bottom: "0"
			});
			b = b.css("margin");
			b = parseInt(b.replace(/px/, ""));
			0 != b ? $("img.imageWapper").css({
				margin: b
			}) : $("img.imageWapper").css({
				margin: 0
			});
			h.width(e).height(f).css({
				position: "absolute",
				left: e + 15,
				top: "0",
				border: "1px solid #ddd",
				overflow: "hidden",
				"z-index": "110",
				"background-color": "#FFFFFF"
			});
			$(this).bind({
				mousemove: function(b) {
					var d = $(c.imageZoomBox).offset().top,
						g = $(c.imageZoomBox).offset().left;
					a.css({
						position: "absolute",
						left: b.pageX - g - k,
						top: b.pageY - d - l
					});
					a.offset().top <= $(this).get(0).offsetTop && a.css({
						top: n
					});
					a.offset().left <= $(this).get(0).offsetLeft && a.css({
						left: m
					});
					a.offset().left >= $(this).get(0).offsetLeft + e - a.width() && a.css({
						left: p
					});
					a.offset().top >= $(this).get(0).offsetTop + f - a.height() && a.css({
						top: q
					});
					setX = Math.floor(parseInt(a.css("left").replace(/px/, "")));
					setY = Math.floor(parseInt(a.css("top").replace(/px/, "")));
					0 <= navigator.userAgent.indexOf("Firefox") ? h.children("img").css({
						top: 2 * -setY,
						left: 2 * -setX
					}) : h.children("img").css({
						top: -setY / 1.23,
						left: -setX / 1.23
					})
				},
				mouseout: function() {
					return !1
				}
			});
			a.mouseout(function(b) {
				b.pageX >= a.offset().left || b.pageX >= a.offset().left + a.width() || b.pageY >= a.offset().top || b.pageY >= a.offset().top + a.height() ? $("div.imageZoom").remove() && $("div.imageMask").hide() && $(".imageWapper").removeAttr("src") : console.log("")
			})
		}
	})
};
